<template>
	<div class="my">
		<div class="my_info">
			<div class="img-box">
				<img src="@/assets/Images/AppIcon/common_default_header.png" alt="">
			</div>
			<div class="info_box">
				<div class="mb-10" style="font-size:16px;color:#333">{{user.ChnName}}</div>
				<div class="mb-10">
					{{user.CompanyName}}
				</div>
				<div>{{user.OrgName}} | {{user.PostName}}</div>
			</div>
			<!-- <div>
				<img style="height:15px;width: 15px;" src="@/assets/Images/AppIcon/icon_arrow_right.png" alt="" >
			</div> -->
		</div>
		<div class="about_box">
			<div class="mb-30" >
				<img src="@/assets/Images/AppIcon/icon_train_cert_card.png" alt="">
				<div class="text">三级安全培训</div>
				<!-- <img
						src="@/assets/Images/AppIcon/icon_arrow_right.png"
						alt=""
						> -->
			</div><div class="mb-30" >
				<img src="@/assets/Images/AppIcon/icon_train_cert.png" alt="">
				<div class="text">证书</div>
				<!-- <img
						src="@/assets/Images/AppIcon/icon_arrow_right.png"
						alt=""
						> -->
			</div><div class="mb-30" >
				<img src="@/assets/Images/AppIcon/icon_train_plan.png" alt="">
				<div class="text">其他培训记录</div>
				<!-- <img
						src="@/assets/Images/AppIcon/icon_arrow_right.png"
						alt=""
						> -->
			</div><div class="mb-30" >
				<img src="@/assets/Images/AppIcon/icon_train.png" alt="">
				<div class="text">学习历史</div>
				<!-- <img
						src="@/assets/Images/AppIcon/icon_arrow_right.png"
						alt=""
						> -->
			</div><div class="mb-30" >
				<img src="@/assets/Images/AppIcon/icon_checkrecord.png" alt="">
				<div class="text">检查记录</div>
				<!-- <img
						src="@/assets/Images/AppIcon/icon_arrow_right.png"
						alt=""
						> -->
			</div>
			<div @click="_goProblem">
				<img src="@/assets/Images/AppIcon/icon_danger_corrective.png" alt="">
				<div class="text">整改记录</div>
				<!-- <img
						src="@/assets/Images/AppIcon/icon_arrow_right.png"
						alt=""
						> -->
			</div>
		</div>
	</div>
</template>

<script>
import { mapGetters } from 'vuex'

	export default {
		data() {
			return {
				userName:'',
				user: {}

			}
		},
		computed: {
		...mapGetters(['baseUrl']),
	},
		created() {
			this.userName = this.$route.query.userName
			if(this.userName){
			this.getUserInfo()
			}
		},
		methods: {
			getUserInfo() {
				let _this = this;
				const param = {
					id:0,
					userName:_this.userName
				}
				_this.$axios
				.get("/UserUser/GetSimpleUserInoByUserName",{params:param})
				.then((res)=>{
					_this.user = res.data
				})
				.catch((err) => {
					console.log('err', err)
				})
			},
			// 个人信息
			_goStaffDetail() {
				this.$router.push('/Site_RiskUnit/StaffDetail')
			},
			// 关于
			_goAbout() {
				this.$router.push('/my/about')
			},
			// 问题反馈
			_goProblem() {
				this.$router.push('/my/problem')
			},
		},
	}
</script>

<style lang="less" scoped>
	.my {
		height: 100vh;
		background-color: #e8f1f8;
		font-size: 14px;
	}
	.my_info{
		display: flex;
		padding: 20px;
		align-items: center;
		justify-content: space-between;
		background-color: #fff;
		margin-bottom: 10px;
		img{
			height: 50px;
			width: 50px;
			border-radius: 50%;
		}
		.info_box{
			width: 220px;
			color: #999;
		}
	}
	.about_box{
		padding: 20px;
		background-color: #fff;
		> div{
			display: flex;
			align-items: center;
			justify-content: space-between;
			.text{
				width: 300px;
				margin-left: 10px;
			}
		}
		img{
			height: 15px;
			width: 15px;
		}
	}
</style>
